<!doctype html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>{{title}}</title>
        <meta name="description" content="Elixir Cross Referencer - Explore source code in your browser - Particularly useful for the Linux kernel and other low-level projects in C/C++ (bootloaders, C libraries...)">
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1" />
        <link rel="stylesheet" href="/style.css?v=5">
        <link rel="stylesheet" href="/banner.css">
        <link rel="stylesheet" href="/autocomplete.css">
        <base href="{{baseurl}}"/>
        <script>document.documentElement.className = 'js'</script>
    </head>
    <body>
        <!--[if lte IE 9]>
                <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
        <![endif]-->
        <div class="wrapper">
            {% include 'header.html' %}
            <header class="topbar">
                <div class="breadcrumb">
                    <a href="{{version}}/{{url}}#menu" class="open-menu icon-menu screenreader" title="Open Menu">Open Menu</a>
                    {{breadcrumb}}
                </div>
                <div class="search">
                    <form  method="post" action="{{version}}/ident">
                        <select name="f" title="Restricts search to specific file families">
                            <option value="A" {% if family=="A" %} selected="selected"{% endif %}>All symbols</option>
                            <option value="C" {% if family=="C" %} selected="selected"{% endif %}>C/CPP/ASM</option>
                            <option value="K" {% if family=="K" %} selected="selected"{% endif %}>Kconfig</option>
                            <option value="D" {% if family=="D" %} selected="selected"{% endif %}>Devicetree</option>
                            <option value="B" {% if family=="B" %} selected="selected"{% endif %}>DT compatible</option>
                        </select>

                        <input placeholder="Search Identifier" type="text" id="search-input" name="i" value="{{ident}}" autofocus/>
                        <button class="icon-search"><span class="screenreader">Go get it</span></button>
                    </form>
                </div>
            </header>
            <main>
                <div class="workspace">
                    <div id="reference-popup-wrapper">
                        <div id="reference-popup"></div>
                        <div id="loading-popup">Loading...</div>
                    </div>
                    {{main}}
                </div>
                <aside class="sidebar" id="menu">
                    <select class="select-projects" onchange="window.location.href=this.value">
                        {%- for p in projects %}
                            <option{% if p == project %} selected{% endif %} value="/{{p}}/latest/source">{{p}}</option>
                        {%- endfor %}
                    </select>
                    <nav>
                        <h3 class="screenreader">Projects</h3>
                        <ul class="projects">
                            {%- for p in projects %}
                            <li{% if p == project %} class="active"{% endif %}><a href="/{{p}}/latest/source">{{p}}</a></li>
                            {%- endfor %}
                        </ul>
                        <h3 class="screenreader">Versions</h3>
                        <ul class="versions">
                            {{versions}}
                        </ul>
                    </nav>
                </aside>
            </main>
            <footer class="footer">
                <span class="version"><a href="{{version}}/source">{{project}}</a> <em class="icon-tag">{{tag}}</em></span>
                <a title="Go to top of the page" class="go-top icon-up screenreader" href="{{version}}/{{url}}#">Top</a>
                <span class="poweredby">powered by <a target="_blank" href="https://github.com/bootlin/elixir">Elixir 2.2</a></span>
            </footer>
        </div>
        <script src="/script.js?v=3"></script>
        <script src="/dynamic-references.js?v=3"></script>
        <script src="/autocomplete.js"  project="{{project}}"></script>
    </body>
</html>
